#swiper{
    font-size:0px;
    position:relative;
    width:100%;
    height:500px;
    overflow:hidden;
}
@media (max-width:1200px){
    #swiper{
        width: 1200px;
    }
}

#swiper .img-box{
    position: absolute;
    top: 0px;
    left: 0px;
   
}
#swiper .img-box li{
    display: inline-block;
}
#swiper .img-box li img{
    width:100%;
    height:100%;
}
#swiper .btn{
    /* display: none; */
    position: absolute;
    top: 50%;
    width: 100%;
}

#swiper .btn a{
    position: absolute;
    width: 35px;
    height: 30px;
    /* background: rgba(0,0,0,0.5); */
    /* line-height: 30px; */
    text-align: center;
    margin-top: -15px;
    /*border: 1px solid red;*/
    
}
#swiper .btn .prevBtn{
    left: 30px;
    /* border-radius: 0 50% 50% 0; */
}

#swiper .btn .nextBtn{
    right: 30px; 
    /* border-radius: 50% 0 0 50%; */
}

#swiper .btn a span{
    display: inline-block;
    width: 10px;
    height: 20px;
    margin-top: 5px;
    /*border: 1px solid blue;*/
    /* background-image: url('../img/taobao.png'); */
}

#swiper .btn .prevBtn span{
    /* background-position: -200px -95px; */
    background-image: url(./image/banner_left.png);
    background-size: 100% 100%;
}

#swiper .btn .nextBtn span{
    /* background-position: -200px -115px;  */
    background-image: url(./image/banner_right.png);
    background-size: 100% 100%;
}
#swiper .order{
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center; 
}

/* #swiper .order ul {
    display: inline-block;
    background: rgba(255, 0, 0, 0.5);
    border-radius: 8px;
} */

#swiper .order ul li{
    display: inline-block;
    width: 27px;
    height:6px;
    margin: 3px 5px;
    background: #fff;
    cursor: pointer;
}

#swiper .order ul li.active{
    background: #1133A4;
}